@import '../def.scss';

.content {
	.list{
		width: 100%;
		.list-item{
			position: relative;
			.unread{
				width: 16rpx;
				height: 16rpx;
				border-radius: 50%;
				background: #FF5C48;
				position: absolute;
				top:90rpx;
				right:40upx;
				color:#FFFFFF;
				text-align: center;
				line-height: 25upx;
				font-size: $f18;
						
			}
			.unread-text{
				position: absolute;
				top:90rpx;
				right:40upx;
				color:#666;
				text-align: center;
				line-height: 25upx;
				font-size: $f18;
			}
			.title{
				margin: 20rpx auto 30rpx;
				text-align: center;
				font-size: 24rpx;
				font-weight: 400;
				color: #666666;
				line-height: 34rpx;
			}
			.body{
				
				width: 690rpx;
				margin: 0 auto;
				padding: 30rpx;
				box-sizing:border-box;
				background: #FFFFFF;
				border-radius: 10rpx;
				.vice-title{
					width: 100%;
					@extend .nowrap2;
					margin-bottom: 20rpx;
					font-size: 28rpx;
					font-weight: 500;
					color: #1C1C1C;
					line-height: 44rpx;
				}
				.vice-content{
					width: 100%;
					@extend .nowrap2;
					font-size: 24rpx;
					font-weight: 400;
					color: #666666;
					line-height: 44rpx;
				}
			}
		}
	}
}
